<style type="text/css">

.F3{
	float:left;
	border:0px solid #000000;
	width:100%;
}

.F3_div{
	border:0px solid #000000;
	width:46%;
	margin-top:67px;
	margin-left:3%;
	text-align: center;
	float: left;
}

.F3div_txt1{
	color:rgb(150, 162, 178);
	font-size: 15px;
	font-weight: bold;
	letter-spacing:5px;
}

.F3div_txt2{
	font-size: 35px;
}

.F3div_hr{
	border:0px solid #3DCCAC;
	width: 8%;
	margin-left:47%;
}

.F3div_txt3{
	font-size: 18px;
	color: #606873;
}

.F3div_txt4{
	font-size: 14px;
	color: #606873;
	margin-top:10%;
}

.F3btn{
	background-color: #3DCCAC;
	color: #FFFFFF;
	margin-top:10%;
}

.F3_img{
	border:0px solid #000000;
	width:45%;
	margin-top:67px;
	margin-left:2%;
	margin-bottom:10px;
	float: left;
}

@media screen and (max-width: 1004px){
	.F3_div{
		border:0px solid #000000;
		margin-bottom:40px;
	}
}

@media screen and (max-width: 767px){
	.F3{
		text-align: center;
	}
	
	.F3_div{
		display:inline-block;
		border:0px solid #000000;
		width:90%;
		margin-left:0px;
		text-align: center;
		float: none;
	}
	
	.F3_img{
		display:inline-block;
		width:98%;
		margin-top:0px;
		margin-left:0px;
		margin-bottom:10px;
		float: none;
	}
}


</style>

<div class="F3">
	<div class="F3_div">
		<p class="css6b44b8dad5e67 F3div_txt1">system design</p>
		<P class="F3div_txt2">Coding&nbsp;&nbsp;社区</P>
		<hr class="F3div_hr"/>
		<p class="F3div_txt3">友好的代码示例展示,随时切换即时效果输出！</p>
		<p class="F3div_txt4">
			WOWPHP为方便展示示例代码，兼容各种尺寸的设备，在代码展示上也是下足了功夫。你可以在教程里以不同的方式看到示例代码，在右上角切换代码类型以及即时输出。即使在移动端的小屏幕设备上也能很好的为您展现。
		</p>
		<button type="button" class="am-btn am-round F3btn" style="outline:none;">进入社区</button>
	</div>
	<img class="F3_img" src="${ctx}/themes/default/img/imac.jpg" data-am-scrollspy="{animation:'slide-bottom',delay: 0,repeat: false}">
</div>

<script type="text/javascript">
	
	
</script>